<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" Content="text-html; charset=Windows-1252">
<title>About creating a dynamic inline element</title>
<style>@import url(coUA.css);</style>
<link disabled rel="stylesheet" href="htmlhelp.css">
<script language="JavaScript" src="master.js"></script>
</HEAD>

<BODY>
<h1>About creating a dynamic inline element</h1>

<p>Although <code>&lt;DIV&gt;</code> and <code>&lt;SPAN&gt;</code> tags are usually used for page layout purposes, you can also use them to make unique links. For example, we created the following dynamic link for the topic links on our home pages:</P> <a href="#" onmouseover="liteGo(go1)" onmouseout="liteOff(go1)">
<span ID="go1" class="endlink">GO</span></a>

<p>There are three steps to creating a dynamic element:</p>

<ol>
<li><a href="ocx_dhtml_mini2a.htm">Insert the tag for an instance of the section</a>.
<li><a href="ocx_dhtml_mini2b.htm">Insert the JavaScript code</a>.
<li><a href="ocx_dhtml_mini2c.htm">Update your style sheet to reflect the new section</a>.
</li>
</ol>

<h3>Note</h3>
<ul>
<li>When you use the <code>&lt;SPAN&gt;</code> tag inline with text, including other items in the span (such as graphics) limits the span's minimum height to 12 points.
</li>
</ul>

<br>
<table border="0" cellpadding="0" cellspacing="4">
<tr> 
<td valign="top"><a href="ocx_dhtml_minispan.htm"><img src="home.gif" alt="" border="0"></a>
</td><td><a href="ocx_dhtml_minispan.htm">Create dynamic links</A>
</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>


</BODY>
</HTML>
